<template>
  <div class="add_account_main">
    <con-title :topTitle="topTitle"/>

    <el-card class="box-card">
        <div class="max">
             <div>
          <div><span>*子账号:</span></div>
          <div><el-input size="small" class="input"></el-input></div>
        </div>
        <div>
          <div><span>*用户名称:</span></div>
          <div><el-input size="small" class="input"></el-input></div>
        </div>
        <div>
          <div><span>*密码:</span></div>
          <div><el-input size="small" class="input"></el-input></div>
        </div>
        <div>
          <div><span>*确认密码:</span></div>
          <div><el-input size="small" class="input"></el-input></div>
        </div>
        <div>
          <div><span>*类型:</span></div>
          <div>
            <el-radio-group v-model="params.type">
    <el-radio :label="1">超级管理员(所有权限)</el-radio>
    <el-radio :label="3">管理员(拥有部分权限)</el-radio>
    <el-radio :label="2">观察员(只读权限)</el-radio>
  </el-radio-group>
          </div>
        </div>
        <div>
          <div><span>*账号描述:</span></div>
          <div>
            <el-input
  type="textarea"
  :autosize="{ minRows: 6, maxRows: 6}"
  placeholder="这是一个测试账号"
  v-model="params.desc"></el-input>
  <el-button style="margin-top:10px" type="primary" size="mini">确认</el-button>
  <el-button size="mini">取消</el-button>
          </div>
        </div>
        </div>
    </el-card>
  </div>
</template>

<script>
import ConTitle from '@/components/ConTitle.vue';

export default {
    name:"add_account",
    components: {
      ConTitle
    },
    data(){
      return {
        topTitle:{
          type:"子账号",
          text:"添加子账号",
          msg:"可添加当前组织的子账号，并为其分配权限。"
        },
         params: {
        type: 1,
        desc: "",
      },
      }
    }
}
</script>

<style scoped lang="scss">
  .add_account_main{
    width: 100%;
    height: 100%;

    .box-card {
    margin-top: 10px;
  }
  .max {
    width: 100%;
    height: 100%;

    > div {
      width: 100%;
      margin-bottom: 10px;
      display: flex;
      font-size: 13px;

      > div:nth-of-type(1) {
        width: 100px;
        text-align: right;
        margin-right: 5px;
        font-weight: bold;
      }
      > div:nth-of-type(2) {
        width: 250px;
      }
    }
  }
  }
</style>